import { defineStore } from "pinia";
import { computed, ref } from "vue";

export const useCounterStore = defineStore(
  "counter",
  () => {
    // 组合式 API 写法
    // ref
    const totalCount = ref(100);
    const num1 = ref(1000);
    const num2 = ref(9999);
    // 计算
    const dobuleCount = computed(() => {
      return totalCount.value * 2;
    });
    // 修改
    const addCount = () => {
      totalCount.value++;
    };
    //  千万不要忘记这里要 return
    return { totalCount, num1, num2, dobuleCount, addCount };
  },
  {
    //里面数据全部持久化
    // unistorage: true
    //只存储totalCount，
    unistorage: {
      key: "counter", //可有可无，无则是第一个参数
      paths: ["totalCount"],
    },
  }
);
